import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

main(){
  runApp(MyApp());
}


class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Runerrands_OrderState(),
    );
  }
}

class Runerrands_OrderState extends StatefulWidget{
  Runerrands_Order createState() => Runerrands_Order();
}

class Runerrands_Order extends State{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Color.fromRGBO(51, 51, 51, 1),
          titleSpacing: 0.0,
          title:Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              FlatButton(
                materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                child: Row(
                  children: [
                    Icon(Icons.arrow_back_ios,color: Colors.white,),
                    Text('返回',style: TextStyle(color: Colors.white,fontSize: 16),)
                  ],
                ),
                onPressed: (){
                  Navigator.pop(context);
                },
              ),
              Container(child: Row(children: [
                Text('跑腿已完成详情',style: TextStyle(fontSize: 16,color: Colors.white),),
                SizedBox(width: 25,)
              ],),),
              IconButton(icon: Icon(Icons.more_horiz,color: Colors.white,), onPressed: (){})
            ],
          ),
        ),
        body: Container(
          color: Colors.grey.withOpacity(0.3),
          child: Container(
            // padding: EdgeInsets.only(top: 10,bottom: 10,left: 15,right: 15),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                Container(
                  margin: EdgeInsets.only(bottom: 10),
                  child: Column(
                    children: [
                      Container(
                        padding: EdgeInsets.only(top: 10,bottom: 10,left: 20,right: 20),
                        color: Colors.white,
                        child: Column(
                          children: [
                            Container(
                              decoration: BoxDecoration(
                                  border: Border(bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3)))
                              ),
                              child: Column(
                                children: [
                                  Container(
                                    margin: EdgeInsets.only(bottom: 15),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text('跑腿',style: TextStyle(fontSize: 12),),
                                        Text('已完成',style: TextStyle(fontSize: 12,color: Colors.red),),
                                      ],
                                    ),
                                  ),
                                  Container(
                                    margin: EdgeInsets.only(bottom: 20),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text('任务主题（限制20字）',style: TextStyle(fontSize: 15),),
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                      Container(
                        padding: EdgeInsets.only(bottom: 10,left: 20,right: 20),
                        color: Colors.white,
                        child: Column(
                          children: [
                            Container(
                              decoration: BoxDecoration(
                                  border: Border(bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3)))
                              ),
                              child: Column(
                                children: [
                                  Container(
                                    margin: EdgeInsets.only(bottom: 15),
                                    child: Row(
                                      crossAxisAlignment: CrossAxisAlignment.center,
                                      mainAxisAlignment: MainAxisAlignment.start,
                                      children: [
                                        Container(
                                          margin: EdgeInsets.only(right: 5),
                                          alignment: Alignment.center,
                                          height: 21,
                                          width: 21,
                                          decoration: BoxDecoration(
                                              border: Border(
                                                top: BorderSide(width: 2,color: Colors.grey),
                                                bottom: BorderSide(width: 2,color: Colors.grey),
                                                left: BorderSide(width: 2,color: Colors.grey),
                                                right: BorderSide(width: 2,color: Colors.grey),
                                              ),
                                              borderRadius: BorderRadius.circular(10.5)
                                          ),
                                          child: Text('¥',style: TextStyle(fontSize: 16,color: Colors.grey),),
                                        ),
                                        Text('已支付：5元',style: TextStyle(fontSize: 14,color: Colors.black),),
                                      ],
                                    ),
                                  ),
                                  Container(
                                    margin: EdgeInsets.only(bottom: 20),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.start,
                                      crossAxisAlignment: CrossAxisAlignment.center,
                                      children: [
                                        Container(
                                          alignment: Alignment.topLeft,
                                          width: 21,
                                          height: 35,
                                          margin: EdgeInsets.only(right: 5),
                                          child: Icon(Icons.chat,color: Colors.grey,size: 21,),
                                        ),
                                        Flexible(
                                          child: Text('任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容',style: TextStyle(fontSize: 14),),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ),

                          ],
                        ),
                      ),
                      Container(
                        padding: EdgeInsets.only(bottom: 10,left: 20,right: 20),
                        color: Colors.white,
                        child: Column(
                          children: [
                            Container(
                              decoration: BoxDecoration(
                                  border: Border(bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3)))
                              ),
                              child: Column(
                                children: [
                                  Container(
                                    margin: EdgeInsets.only(bottom: 15),
                                    child: Row(
                                      crossAxisAlignment: CrossAxisAlignment.center,
                                      mainAxisAlignment: MainAxisAlignment.start,
                                      children: [
                                        Container(
                                            margin: EdgeInsets.only(right: 5),
                                            alignment: Alignment.center,
                                            height: 21,
                                            width: 21,
                                            child: Icon(Icons.location_on,color: Colors.grey,size: 21,)
                                        ),
                                        Row(
                                          children: [
                                            Container(
                                              margin: EdgeInsets.only(right: 50),
                                              child: Text('发单人姓名',style: TextStyle(fontSize: 15),),
                                            ),
                                            Container(
                                              child: Text('15688888888',style: TextStyle(fontSize: 15),),
                                            )
                                          ],
                                        )
                                      ],
                                    ),
                                  ),
                                  Container(
                                    margin: EdgeInsets.only(bottom: 20),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Row(
                                          children: [
                                            Container(
                                              padding: EdgeInsets.only(left: 26),
                                              child: Text('福建省厦门市',style: TextStyle(fontSize: 13),),
                                            ),
                                          ],
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                      Container(
                        padding: EdgeInsets.only(bottom: 5,left: 20,right: 20),
                        color: Colors.white,
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            Container(
                              child: Column(
                                children: [
                                  Container(
                                    margin: EdgeInsets.only(bottom: 5),
                                    child: Row(
                                      crossAxisAlignment: CrossAxisAlignment.center,
                                      mainAxisAlignment: MainAxisAlignment.start,
                                      children: [
                                        Container(
                                            margin: EdgeInsets.only(right: 5),
                                            alignment: Alignment.center,
                                            height: 21,
                                            width: 21,
                                            child: Icon(Icons.access_time,color: Colors.grey,size: 21,)
                                        ),
                                        Row(
                                          children: [
                                            Container(
                                              child: Text('发布时间：2017-6-20 18:00',style: TextStyle(fontSize: 15),),
                                            ),
                                          ],
                                        )
                                      ],
                                    ),
                                  ),
                                  Container(
                                    margin: EdgeInsets.only(bottom: 0),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Row(
                                          children: [
                                            Container(
                                              padding: EdgeInsets.only(left: 26),
                                              child: Text('完成时间：2017-6-20 20:00',style: TextStyle(fontSize: 15),),
                                            ),
                                          ],
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  padding: EdgeInsets.only(top: 10,bottom: 25,left: 20,right: 20),
                  color: Colors.white,
                  child: Column(
                    children: [
                      Container(
                          padding: EdgeInsets.only(bottom: 5),
                          margin: EdgeInsets.only(bottom: 5),
                          decoration: BoxDecoration(
                              border: Border(
                                  bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3))
                              )
                          ),
                          child: Row(
                            children: [
                              Text('接单信息',style: TextStyle(fontSize: 13),),
                            ],
                          )
                      ),
                      Container(
                          padding: EdgeInsets.only(bottom: 5),
                          margin: EdgeInsets.only(bottom: 5),
                          decoration: BoxDecoration(
                              border: Border(
                                  bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3))
                              )
                          ),
                          child: Row(
                            children: [
                              Container(
                                margin: EdgeInsets.only(right: 50),
                                child: Row(
                                  children: [
                                    Container(
                                      margin: EdgeInsets.only(right: 5),
                                      alignment: Alignment.center,
                                      decoration: BoxDecoration(
                                          border: Border(
                                            top: BorderSide(width: 2,color: Colors.grey),
                                            bottom: BorderSide(width: 2,color: Colors.grey),
                                            left: BorderSide(width: 2,color: Colors.grey),
                                            right: BorderSide(width: 2,color: Colors.grey),
                                          ),
                                          borderRadius: BorderRadius.circular(10.5)
                                      ),
                                      height: 21,
                                      width: 21,
                                      child: Icon(
                                        Icons.perm_identity,
                                        size: 15,
                                        color: Colors.grey,
                                      ),
                                    ),
                                    Text('接单人姓名',style: TextStyle(fontSize: 15),)
                                  ],
                                ),
                              ),
                              Container(
                                child: Text('13988888888',style: TextStyle(fontSize: 15),),
                              )
                            ],
                          )
                      ),
                      Container(
                          padding: EdgeInsets.only(bottom: 5),
                          margin: EdgeInsets.only(bottom: 5),
                          decoration: BoxDecoration(
                              border: Border(
                                  bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3))
                              )
                          ),
                          child: Row(
                            children: [
                              Expanded(
                                child: Container(
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    crossAxisAlignment: CrossAxisAlignment.center,
                                    children: [
                                      Container(
                                        margin: EdgeInsets.only(right: 5),
                                        alignment: Alignment.center,
                                        decoration: BoxDecoration(
                                            border: Border(
                                              top: BorderSide(width: 2,color: Colors.grey),
                                              bottom: BorderSide(width: 2,color: Colors.grey),
                                              left: BorderSide(width: 2,color: Colors.grey),
                                              right: BorderSide(width: 2,color: Colors.grey),
                                            ),
                                            borderRadius: BorderRadius.circular(10)
                                        ),
                                        height: 20,
                                        width: 20,
                                        child: Icon(
                                          Icons.local_phone,
                                          size: 14,
                                          color: Colors.grey,
                                        ),
                                      ),
                                      Text('电话接单人',style: TextStyle(fontSize: 19),)
                                    ],
                                  ),
                                ),
                              )
                            ],
                          )
                      ),
                      Container(
                          padding: EdgeInsets.only(bottom: 5),
                          margin: EdgeInsets.only(bottom: 5),
                          decoration: BoxDecoration(
                              border: Border(
                                  bottom: BorderSide(width: 0.5,color: Colors.grey.withOpacity(0.3))
                              )
                          ),
                          child: Row(
                            children: [
                              Container(
                                child: Row(
                                  children: [
                                    Container(
                                      margin: EdgeInsets.only(right: 5),
                                      alignment: Alignment.center,
                                      height: 21,
                                      width: 21,
                                      child: Icon(
                                        Icons.access_time,
                                        size: 21,
                                        color: Colors.grey,
                                      ),
                                    ),
                                    Text('接单时间：2017-6-20 18:00',style: TextStyle(fontSize: 15),)
                                  ],
                                ),
                              ),
                            ],
                          )
                      ),
                      Container(
                          padding: EdgeInsets.only(bottom: 5),
                          margin: EdgeInsets.only(bottom: 5),
                          child: Row(
                            children: [
                              Container(
                                margin: EdgeInsets.only(right: 50),
                                child: Row(
                                  children: [
                                    Container(
                                      margin: EdgeInsets.only(right: 5),
                                      alignment: Alignment.center,
                                      height: 21,
                                      width: 21,
                                      decoration: BoxDecoration(
                                          border: Border(
                                            top: BorderSide(width: 2,color: Colors.grey),
                                            bottom: BorderSide(width: 2,color: Colors.grey),
                                            left: BorderSide(width: 2,color: Colors.grey),
                                            right: BorderSide(width: 2,color: Colors.grey),
                                          ),
                                          borderRadius: BorderRadius.circular(10.5)
                                      ),
                                      child: Text('赏',style: TextStyle(fontSize: 12,color: Colors.grey),),
                                    ),
                                    Text('已支付打赏：5元',style: TextStyle(fontSize: 15),)
                                  ],
                                ),
                              ),
                            ],
                          )
                      ),
                    ],
                  ),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}